<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/views/wx/include/head.jsp" %>
<style type="text/css">
.mui-table-view-cell:after{
	left:0px;
}
</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a href="${ctxWx}/d/realschevehi/todayList" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">班车验票</h1>
		<c:if test="${not empty orderVehiList }">
			<button class="mui-btn mui-btn-primary mui-btn-link mui-btn-nav mui-pull-right" onclick="changeVehiStatus();">
				发车
			</button>
		</c:if>
	</header>
	<div class="mui-content">
		<c:choose>
			<c:when test="${not empty orderVehiList }">
				<c:forEach items="${orderVehiList }" var="orderVehi">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-6">
								手机号
								</div>
								<div class="mui-table-cell mui-col-xs-3">
								座位数
								</div>
								<div class="mui-table-cell mui-col-xs-3">
								订单号
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-6">
								15215693394
								</div>
								<div class="mui-table-cell mui-col-xs-3">
								${orderVehi.seats }座
								</div>
								<div class="mui-table-cell mui-col-xs-3">
								${orderVehi.orderid }
								</div>
							</div>
						</li>
					</ul>
				</c:forEach>
				
			</c:when>
			<c:otherwise>
				<div class="mui-content-padded">
					<p style="text-align:center;">无信息！</p>
				</div>
			</c:otherwise>
		</c:choose>
	</div>
	<%@ include file="/WEB-INF/views/wx/include/script.jsp"%>
	<script>
		function changeVehiStatus(){
			var btnArray = ['否', '是'];
			mui.confirm('确认发车吗？', '提示', btnArray, function(e) {
				if (e.index == 1) {
					window.location.href='${ctxWx}/d/realschevehi/start?realvehiid=${realvehiid }';
				}
			})
		}
	</script>
</body>
</html>